@charset "utf-8";
/* CSS Document */
html{background:#f4f4f4;}
/* banner*/
.zg19_bannerbox{width: 100%;height: 409px;position: relative;overflow: hidden;}
.zg19_banner {width:100%;height: 100%;}
.zg19_banner .bd {position: relative;height:409px;z-index: 2;}
.zg19_banner .bd a{width: 100%;height: 409px;display: block}
.zg19_cent{width:230px;height: 350px;background:#fff;position: absolute;left:50%;top:28px;z-index: 3;margin-left:370px;border-radius: 8px;}
.zg19_banner a.prev,.zg19_banner a.next{display: block;width:21px;height: 38px;position: absolute;top:50%;margin-top:-19px;left:50%;z-index: 3}
.zg19_banner .prev{background:url(../images/zg19_banjt.png) no-repeat left center;margin-left:-597px;}
.zg19_banner .next{background:url(../images/zg19_banjt.png) no-repeat right center;margin-left:320px;}

.zg19_nologin dt{text-align: center;padding-top:20px;font-size:14px;color:#999;line-height: 34px;}
.zg19_pic{width:64px;height:64px;background: url(../images/zg19pic.png) no-repeat center;padding:4px;border-radius: 50%;margin:0 auto;}
.zg19_pic img{width:64px;height: 64px;border-radius: 50%}
.zg19_nologin dd{text-align: center;font-size:0}
.zg19_nologin dd a{display: inline-block;width:88px;height: 38px;text-align: center;line-height: 40px;font-size:16px;border-radius: 5px;border:1px solid #028bff;margin:10px 7px;}
.zg19_dl{background:#028bff;color:#fff;}
.zg19_zc{color:#028bff;}

.zg19_login dt{padding-top:10px;text-align: center;font-size:14px;color:#666;line-height: 30px;}
.zg19_login h4{margin:0 15px;height: 30px;line-height: 30px;}
.zg19_login h4 i{background: url(../images/zg19_icon.png) no-repeat left -32px;width:30px;height: 30px; display: inline-block;vertical-align: middle;margin-top:-2px;}
.zg_mylessonA{display: block;width:78px;height: 28px;line-height: 28px;text-align: center;background:#028bff;border-radius: 15px;color:#fff;margin:0 auto ;}
/*我的直播学习*/
.nozhibo{text-align: center;font-size:14px;color:#999;line-height:38px; height: 110px;padding-top:20px;}
.zbscroll{height: 124px;width:100%;position: relative;margin:10px 0 15px}
.zbscroll a{display: block;font-size:0;padding:0 14px;}
.zbscroll a span{display: inline-block;font-size:12px;color:#999;width: 46px;vertical-align: top;padding-top:24px;line-height:12px;}
.zbscroll a b{display: inline-block;font-size:12px;color:#666;padding-left:16px;border-left:1px dashed #ccc;position: relative;vertical-align: top;padding-top:24px;line-height:12px;}
.zbscroll a b strong{display: inline-block;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width:139px;}
.zbscroll a b i{position: absolute;display: block;width:18px;height: 20px;left:-9px;top:22px;background:#fff url(../images/zg19_icon.png) no-repeat -43px -37px;filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5;}
.zbscroll a:hover b{color:#028bff}
.zbscroll .firstA b,.zbscroll a:first-child b{padding-top:0}
.zbscroll .firstA span,.zbscroll a:first-child span{padding-top:0}
.zbscroll .firstA b i,.zbscroll a:first-child b i{top:-3px}
.zbscroll .viewport { width: 100%; height: 130px; overflow: hidden; position: relative; }
.zbscroll .overview { list-style: none; position: absolute; left: 0; top: 0; }
.zbscroll .thumb .end,zbscroll .thumb {  }
.zbscroll .scrollbar { position: absolute; float: right; width: 6px;right:0 }
.zbscroll .track { height: 100%; width:6; position: relative; padding: 0 1px; }
.zbscroll .thumb { background: #adadad; height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.zbscroll .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.zbscroll .disable{ display: none; }
.nozhibo{text-align: center;font-size:14px;color:#999;line-height:38px; height: 110px;padding-top:20px;}
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* banner end */



/*nav*/

.zg19new_nav{ background: #fff; padding:20px 0 8px; }
.zg19new_nav li{ width:89px; height:40px; border-radius: 12px; margin:0 12px 12px 0; }
.nav19_more{ position: relative; }
.zg19new_nav li>a{ display:block; width:100%; height:100%; text-align: center; border-radius: 4px; font-size:14px; line-height: 40px;background: #EDEDED;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
.zg19new_nav li.on>a,.nav19_more:hover>a{ background: url(../images/nav19new_on.png) no-repeat; color:#3A7FFF; font-weight: bold; }
.new1_yjbtn em{ display:inline-block; *display:inline; zoom:1; width:10px; height:6px; background: url(../images/zg19new_rowhs.png) no-repeat; vertical-align: middle;  margin-left: 4px; }
.nav19_more:hover .new1_yjbtn em{ transform: rotate(180deg); }



.nav19_cont{ position: absolute;top:50px; z-index:2; left:-100px;width:290px;padding:20px 10px 10px 25px; box-shadow: 0 0 12px rgba(65,64,64,.2);background: #fff;border-radius: 4px;  display: none; }
.nav_19row{width: 100%;height:20px;background: url(../images/zg19new_rowtop.png) no-repeat 122px top;position: absolute;left: 0;top:-20px;z-index:1;} 
.nav19_cont a{ display:inline-block; *display:inline; zoom:1; font-size:14px; line-height:30px; margin:0 15px 12px 0 ; }
.nav19_cont a:hover,.nav19_cont a.on{ color:#3A7FFF; }
.nav19_last .nav19_cont{left:auto; right:0; }
.nav19_last .nav19_cont em{ left:auto; right:27px; }


/*今日直播*/

.zg19new_main{padding-top:40px;width: 1200px;margin: 0 auto;}
.zg19_live{ margin-bottom: 35px;}
.zg19_tit h3{float:left;min-width: 95px;font-size:30px;line-height: 55px;font-weight: bold;}
.zg19_tit h3 img{margin-top: -10px;margin-right: 10px;}
.zg19_titsx{width:300px;float:left;padding-left:20px;}
.zg19_titsx ul{}
.zg19_titsx ul li{float:left;padding:0 15px;min-width:60px;position: relative;z-index: 2}
.zg19_titsx ul li:hover{z-index: 10}
.zg19_text{font-size:16px;color:#333;font-weight: normal;cursor: pointer;line-height: 48px;}
.zg19_text strong{font-weight: normal;vertical-align: middle}
.zg19_text i{display: inline-block;width:13px;height: 9px;background: url(../images/zg19_icon.png) no-repeat -94px -43px;margin-left:10px;}

.picScroll-left{position: relative;}
/*.picScroll-left .bd.bds{overflow: auto!important}*/
.zg19_mbox{position:relative;z-index:2;}
.picList{width:1200px!important;}

.picScroll-left .hds{margin:25px auto 0; position: initial; text-align: center; }
.picScroll-left .hds>a{ display:inline-block; *display:inline; zoom:1; width:28px; height:28px; margin:0 6px; cursor: pointer;background: url(../images/sprite_pc.png) no-repeat #fff; border-radius: 3px; font-size: 0;    vertical-align: middle;}
.picScroll-left .hds>a.prevs{ background-position: 0 0 ; }
.picScroll-left .hds>a.nexts{ background-position: -28px 0 ; }
.picScroll-left .hds>a:hover{ background-color: #ddd;}

.picScroll-left .hds ul{    vertical-align: middle; display:inline-block; *display:inline; zoom:1; font-size:0; }
.picScroll-left .hds li{ display:inline-block; *display:inline; zoom:1; width:28px; height:28px; text-align: center; border-radius: 3px; background: #fff; font-size:14px; line-height: 2; color:#666; margin:0 6px; cursor: pointer; }
.picScroll-left .hds li.on{ color:#3A7FFF;}
.zg19_titpage{ top:auto;bottom:-27px; width:100%;text-align: center;}
.zg19_itags{ height: 25px; margin-bottom: 5px;margin-top: 5px; overflow: hidden; }
.zg19_itags span{ display:inline-block; *display:inline; zoom:1;background:#fda96a; border-radius: 4px; padding:0 5px; font-size:12px; line-height: 22px; color:white;margin-right: 10px;max-width: 82px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zg19_itags span:last-child{ margin-right: 0; }
.zg19_itags span.zb19new_area{ background: #fda96a; color:white; }
	
.zg19_idate{ width:710px; position: relative;z-index:1;}
.zg19_dalis li{ width:38px; text-align: center;height: 37px; font-size:14px; line-height:18px; padding:9px 0; border-radius: 18px ; display: inline-block;; *display:inline; zoom:1; margin-left: 26px; cursor: pointer;position: relative;}
.zg19_dalis span{ color:#999; display: block;}
.zg19_dalis i{ color:#333; font-style: normal; display: block; }
.zg19_date_icon{ font-size:12px; line-height: 26px;color:#fff; position: absolute;width:62px;text-align: center;height:26px; border-radius: 13px; background:url(../images/zg19_dalis_date.png) repeat; left:50%;top:-22px; margin-left: -31px;z-index:1;display: none; }
.zg19_date_icon font{ display:block; width:10px;height:5px; background: url(../images/zg19_dalis_dateorw.png) no-repeat; position:absolute;left:50%; margin-left:-5px; bottom:-5px;  }
.zg19_dalis .no_live:hover{ background: none; }
.no_live:hover .zg19_date_icon{ display:block; }
.zg19_dalis .no_live:hover span,.zg19_dalis .no_live:hover i{ color:#aaa;  }
.zg19_dalis li.on span,.zg19_dalis li.on i,.zg19_dalis li:hover span,.zg19_dalis li:hover i{ color:white; }
.zg19_dalis li.no_live span,.zg19_dalis li.no_live i{ color:#aaa; }
.zg19_dalis li.on,.zg19_dalis li:hover{ background: #ff6d00; }
.zg19_idame{ font-size:20px; line-height: 55px; color:#333;  }
.zg19_dalis .no_live{ background: none!important; }
.zg19_idame i{ color:#ff6d00; margin-left:15px; }
.zg19_dalis li.first{ margin-left:15px;}

.nolesson{text-align: center;padding:55px 0 105px;font-size:18px;color: #999;line-height: 60px;}
.nolesson a{display: inline-block;width:156px;height: 47px;line-height: 47px;text-align: center;color:#fff;background: #0098f6;border-radius: 30px;}
.zg19_m1Ul{margin-left:-22px;padding-top:25px;}
.zg19_m1Ul li.zg19_m1Li{width:252px;height: 180px;background:#fff;border-radius: 3px; border:1px solid #efefef;border-top:3px solid #fff;padding:28px 14px 0;float:left;margin:0 0 0 23px ;position: relative;-moz-box-shadow:0 0 10px 5px #e9e9e9;-webkit-box-shadow:0 0 10px 5px #e9e9e9;box-shadow:0 0 10px 5px #e9e9e9;position: relative;}
.zg19_m1Ul li.over .zg19new_kczt{background-color: #7c7c7c;}
.zg19_m1Ul li.over .zg19_itags span{background-color: #b1b1b1;}
.zg19_m1Ul li.over .list_course-7{color: #9f9f9f;}
.zg19_m1Ul li.over .list_course-9{color: #9f9f9f;}
.zg19_m1Ul li.over .qd_slideBox img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.zg19_m1Ul li.zg19_m1Li:hover{z-index: 10}
.zg19_m1Ul li h3{/*padding:0 16px;*/line-height: 30px;font-size:20px;font-weight: normal;height:30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.zg19_m1Ul li h3 a:hover{color:#028bff}
.zg19_mlLi_time{ margin: 15px 0;font-size:12px;line-height:16px;color:#999;}
.zg19_mlLi_time i{display: inline-block;width:14px;height: 14px;background: url(../images/list_course_14.png) no-repeat left top;vertical-align: middle;margin-top:-4px;margin-right: 6px;}
span.spanzb,.zg19new_zbicon{display: inline-block;width:19px;height: 14px;background: url(../images/icon_living_2x.gif) no-repeat;background-size:100%;margin-left:20px;}
.zg19_mlLi_time b{display: inline-block;background:#028bff;padding:0 13px;color:#fff;font-size:12px;height: 24px;line-height: 24px;border-radius: 15px;margin:0 18px;}
.zg19_m1Ul li.zg19_m1Li:hover{border-top:3px solid #ff6d00;}
.label_red{display: inline-block;padding:0 4px;height: 16px;line-height: 16px;font-size:12px;border-radius: 3px; border:1px solid #ff0000;color:#ff0000;margin-right: 10px;}
.label_green{display: inline-block;padding:0 4px;height: 16px;line-height: 16px;font-size:12px;border-radius: 3px; border:1px solid #1ac54b;color:#1ac54b;margin-right: 10px;}
/* 列表中图片展示 */
.qd_slideBox{height:58px; overflow:hidden; position:relative;z-index: 8;display: inline-block;}
.qd_slideBox  li{ zoom:1; vertical-align:middle;min-width:48px; max-width:60px;  height:58px; margin-right: 18px;float:left; text-align: center; }
.qd_slideBox  li i{display:none;width:20px;height: 12px;background: url(../images/zg19_iconj2.png) no-repeat;position: absolute;left:15px;top:-1px;}
.qd_slideBox li img{ display:block; margin:0 auto 6px; width:36px;height: 36px;border-radius: 50%; }
.qd_slideBox li span{font-size: 12px;color:#999;line-height: 16px;    height: 16px; display:block; vertical-align: middle;}
.zg19_Pay{text-align: right;font-size:16px;padding:0 0 0 10px;}
.colorRed{color:#f13232;}
.colorGreen{color:#0fcb45;}


/*限时优惠*/
.zg19new_xsyh{ margin-bottom: 60px;  display:none;}
.activitycourse .zg19new_courses .over .list_course-10{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.activitycourse .zg19new_courses .over .zg19_itags span{background-color: #b1b1b1;}
.activitycourse .zg19new_courses .over .list_course-12 img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.activitycourse .zg19new_courses .over .qd_slideBox li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.activitycourse .zg19new_courses .over .list_course-6 span{color: #9f9f9f;}
.zg19new_title{ background: #fff; height:61px; margin-bottom: 12px; line-height: 61px;}
.zg19new_title a{font-size:16px; font-weight:normal; line-height: 61px; color:#999; margin-right: 25px; }
.zg19new_title b{ display: inline-block; *display:inline; zoom:1; font-size:30px; line-height: 25px;margin-top:18px; }
.zg19new_title a:hover{ color:#ff6d00;}
.zg19new_title1 b{ color:#4EA5F9;border-color: #4EA5F9; }
.zg19new_title2 b{ color:#FF8D24;border-color: #FF8D24; }
.zg19new_title3 b{ color:#B66CE7;border-color: #B66CE7; }

.zg19new_courses{}
.zg19new_kcli{ width:260px; height:auto;padding:0 0 10px; margin-right:23px ; background: #fff; position: relative; float: left;box-shadow: 0 0 10px 5px #e9e9e9;width: 282px;margin-bottom:30px;}
.activitycoursebox>li:nth-child(4n){margin-right: 0;}
.zg19new_kctit{font-size:18px; height: 40px;padding: 10px 0;line-height: 25px; color:#333; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-weight: normal;}
.zg19new_kctit em{ display:inline-block;*display:inline; zoom:1; padding:0 6px; margin-right: 5px; border: 1px solid #18A72F; border-radius: 4px; font-size:14px; line-height:20px; color:#18A72F; }
.zg19new_kctm{ font-size:12px ;line-height:20px; color:#999; }
.zg19new_kcli .zg19_itags{ margin:2px auto 5px; }
.zg19new_kcli .zg19_itags a{ line-height: 26px; height:26px; border-radius: 3px;}
.zg19new_kcjg{ border-top:1px solid #eee; padding-top:12px; font-size:12px; line-height:30px; color:#999; }
.zg19new_kcjg span{ color:#F13232; font-size:20px;margin-top:-2px;}
.zg19new_kcjg .colorGreen{color:#0fcb45;font-size: 16px;}
.zg19new_kcjg span em{ font-size:14px; font-style: normal; }
.zg19new_kcjg b{ font-size:20px;font-weight: normal; }
.zg19new_kczt{position: absolute;left:0;top:0; width:100px;height:22px; line-height: 22px; color:#fff; font-size: 14px;text-align: center;}
.zg19new_kczt i{ display:none; width:14px; height:20px;margin-right: 5px;vertical-align: middle;  }
.zg19new_kczt_pt0{ 
background:-webkit-linear-gradient(282deg, rgb(237,80,2) 0%, rgb(255,90,0) 100%);
background:-o-linear-gradient(282deg, rgb(237,80,2) 0%, rgb(255,90,0) 100%);
background:linear-gradient(12deg, rgb(237,80,2) 0%, rgb(255,90,0) 100%);
}
.zg19new_kczt_pt1{ 
background:-webkit-linear-gradient(192deg, rgb(240,140,2) 0%, rgb(246,206,2) 100%);
background:-o-linear-gradient(192deg, rgb(240,140,2) 0%, rgb(246,206,2) 100%);
background:linear-gradient(282deg, rgb(240,140,2) 0%, rgb(246,206,2) 100%);
}
.zg19new_kczt_pt2{ 
background:-webkit-linear-gradient(192deg, rgb(221,2,13) 0%, rgb(237,79,2) 100%);
background:-o-linear-gradient(192deg, rgb(221,2,13) 0%, rgb(237,79,2) 100%);
background:linear-gradient(282deg, rgb(221,2,13) 0%, rgb(237,79,2) 100%);
}
.zg19new_kczt_pt3{background-color: #ff6d00;}
.zg19new_kczt_pt4{background-color: #7c7c7c;}
.zg19new_kczt_pt0 i,.zg19new_kczt_pt1 i,.zg19new_kczt_pt2 i{  display:inline-block; *display:inline; zoom:1 ;background: url(../images/zg19new_iconpt.png) no-repeat center center;margin:0 8px 0 6px;  }
.zgzb_surms .zg19new_kczt_pt0 i,.zgzb_surms .zg19new_kczt_pt1 i,.zgzb_surms .zg19new_kczt_pt2 i{  display:inline-block; *display:inline; zoom:1 ;background: url(../images/zg19new_iconms.png) no-repeat center center;margin:0 5px 0 11px; }
.zg19new_kcli:hover .zg19new_kctit{ color:#ff6d00; }



/* 地区弹窗 */
.areapop{position: fixed;width:535px;height: 377px;left:50%;top:50%;margin-left:-267px;margin-top:-188px;background:#fff;border-radius: 10px;z-index: 12; display:none;}
.areapop h4{height: 56px;background:#028bff;color:#fff;font-size:18px;color:#fff;line-height: 56px;text-align: center;font-weight: normal;border-top-left-radius: 10px;border-top-right-radius: 10px;position: relative}
.areaClose{display: block;width:56px;height: 56px;text-align: center;background: url(../images/zg19colse.png) no-repeat center;position: absolute;right:0;top:0;cursor: pointer}
.areaList{padding:16px 0 0 20px;}
.areaList li{padding:5px 0}
.areaList li span{display: inline-block;width:50px;line-height: 30px;font-size:16px;color:#028bff;padding-left:10px;}
.areaList li a{display: inline-block;padding:0 16px;line-height: 28px;border:1px solid #fff;border-radius: 15px;font-size:14px;}
.areaList li a:hover,.areaList li a.on{color:#028bff;border:1px solid #028bff;}
.areaClose{display: block;width:56px;height: 56px;text-align: center;background: url(../images/zg19colse.png) no-repeat center;position: absolute;right:0;top:0;cursor: pointer}